<template>
    <div>
        <header class="header_array_text_red header_array_text_white mint-header">
			<div class="mint-header-button is-left">
				<a href="javascript:void(0)" class="router-link-active" @click="gotoback">
                    <button class="mint-button mint-button--default mint-button--normal">
                        <span class="mint-button-icon">
                            <!-- <i class="mintui mintui-back"></i> -->
                            <i class="iconfont icon-back_icon"></i>
                        </span> 
                    </button>
				</a>
			</div> 
			<h1 class="mint-header-title title_white">{{title}}</h1> 
            <div class="mint-header-button">
				<a href="javascript:void(0)" class="router-link-active" @click="gotobtn">
					<button class="mint-button mint-button--default mint-button--normal">
						<label class="mint-button-text set-text">{{settext}}</label>
					</button>
				</a>
			</div>
		</header>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            gotoback(ev) {
                if(this.backFn){
                    this.backFn();
                }else {
                    if(this.$router){
                        this.$router.back()
                    }else {
                        window.history.back();
                    }
                }
            },
            gotobtn() {
                this.$emit('done');
            }
        },
        props: ['title', 'backFn', 'settext', 'done']
    }
</script>
<style>
.set-text {
    font-size: 0.3rem;
    line-height: 0.88rem;
    display: block;
    margin-bottom: 0.29rem;
}
</style>
